﻿<%@ Page Title="" Language="C#" MasterPageFile="~/main.master" AutoEventWireup="true" CodeFile="Tables.aspx.cs" Inherits="Tables" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="row">
    <div class="large-12 column">
        <div class="spacer">&nbsp;</div>
        <div class="large-12 column"><h2>Tables</h2></div>
        <div class="spacer">&nbsp;</div>
    </div>
    <div id="div-groupstage">
    <div class="large-12 column">
        <div class="large-12 column fg-tableheader">
            <h3>Group A</h3>
        </div>
        <!--Pos, Team, P	W	D	L	F	A	GD-->
        <div class="row">
            <div class="large-12 column fg-tableheaderdetail">
                <div class="large-1 medium-1 small-2 column">
                Pos
                </div>              
                <div class="large-4 medium-7 small-7 column">
                Team
                </div>
                <div class="large-1 medium-1 small-3 column">
                P
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                W
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                D
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                L
                </div>
                <div class="large-1 show-for-large-only column">
                F
                </div>
                <div class="large-1 show-for-large-only column">
                A
                </div>
                <div class="large-1 show-for-large-only column">
                GD
                </div>
            </div>
        </div>
    </div>
    <div class="large-12 column">
        <div class="row fg-tableline">
            <div class="large-12 column">
                <div class="large-1 medium-1 small-2 column">
                1
                </div>              
                <div class="large-4 medium-7 small-7 column">
                Manchester United
                </div>
                <div class="large-1 medium-1 small-3 column">
                5
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                3
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 show-for-large-only column">
                10
                </div>
                <div class="large-1 show-for-large-only column">
                6
                </div>
                <div class="large-1 show-for-large-only column">
                4
                </div>
            </div>
        </div>
        <div class="row fg-tableline">
            <div class="large-12 column">
                <div class="large-1 medium-1 small-2 column">
                1
                </div>              
                <div class="large-4 medium-7 small-7 column">
                Liverpool
                </div>
                <div class="large-1 medium-1 small-3 column">
                5
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                3
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 show-for-large-only column">
                10
                </div>
                <div class="large-1 show-for-large-only column">
                6
                </div>
                <div class="large-1 show-for-large-only column">
                4
                </div>
            </div>
        </div>
        <div class="row fg-tableline">
            <div class="large-12 column">
                <div class="large-1 medium-1 small-2 column">
                1
                </div>              
                <div class="large-4 medium-7 small-7 column">
                Everton
                </div>
                <div class="large-1 medium-1 small-3 column">
                5
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                3
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 show-for-large-only column">
                10
                </div>
                <div class="large-1 show-for-large-only column">
                6
                </div>
                <div class="large-1 show-for-large-only column">
                4
                </div>
            </div>
        </div>
        <div class="row fg-tableline">
            <div class="large-12 column">
                <div class="large-1 medium-1 small-2 column">
                1
                </div>              
                <div class="large-4 medium-7 small-7 column">
                Chelsea
                </div>
                <div class="large-1 medium-1 small-3 column">
                5
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                3
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 show-for-large-only column">
                10
                </div>
                <div class="large-1 show-for-large-only column">
                6
                </div>
                <div class="large-1 show-for-large-only column">
                4
                </div>
            </div>
        </div>
    </div>
    <div class="large-12 column">&nbsp;</div>
    <div class="large-12 column">
        <div class="large-12 column fg-tableheader">
            <h3>Group A</h3>
        </div>
        <!--Pos, Team, P	W	D	L	F	A	GD-->
        <div class="row">
            <div class="large-12 column fg-tableheaderdetail">
                <div class="large-1 medium-1 small-2 column">
                Pos
                </div>              
                <div class="large-4 medium-7 small-7 column">
                Team
                </div>
                <div class="large-1 medium-1 small-3 column">
                P
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                W
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                D
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                L
                </div>
                <div class="large-1 show-for-large-only column">
                F
                </div>
                <div class="large-1 show-for-large-only column">
                A
                </div>
                <div class="large-1 show-for-large-only column">
                GD
                </div>
            </div>
        </div>
    </div>
    <div class="large-12 column">
        <div class="row fg-tableline">
            <div class="large-12 column">
                <div class="large-1 medium-1 small-2 column">
                1
                </div>              
                <div class="large-4 medium-7 small-7 column">
                Manchester United
                </div>
                <div class="large-1 medium-1 small-3 column">
                5
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                3
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 show-for-large-only column">
                10
                </div>
                <div class="large-1 show-for-large-only column">
                6
                </div>
                <div class="large-1 show-for-large-only column">
                4
                </div>
            </div>
        </div>
        <div class="row fg-tableline">
            <div class="large-12 column">
                <div class="large-1 medium-1 small-2 column">
                1
                </div>              
                <div class="large-4 medium-7 small-7 column">
                Liverpool
                </div>
                <div class="large-1 medium-1 small-3 column">
                5
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                3
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 show-for-large-only column">
                10
                </div>
                <div class="large-1 show-for-large-only column">
                6
                </div>
                <div class="large-1 show-for-large-only column">
                4
                </div>
            </div>
        </div>
        <div class="row fg-tableline">
            <div class="large-12 column">
                <div class="large-1 medium-1 small-2 column">
                1
                </div>              
                <div class="large-4 medium-7 small-7 column">
                Everton
                </div>
                <div class="large-1 medium-1 small-3 column">
                5
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                3
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 show-for-large-only column">
                10
                </div>
                <div class="large-1 show-for-large-only column">
                6
                </div>
                <div class="large-1 show-for-large-only column">
                4
                </div>
            </div>
        </div>
        <div class="row fg-tableline">
            <div class="large-12 column">
                <div class="large-1 medium-1 small-2 column">
                1
                </div>              
                <div class="large-4 medium-7 small-7 column">
                Chelsea
                </div>
                <div class="large-1 medium-1 small-3 column">
                5
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                3
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 medium-1 show-for-medium-up column">
                0
                </div>
                <div class="large-1 show-for-large-only column">
                10
                </div>
                <div class="large-1 show-for-large-only column">
                6
                </div>
                <div class="large-1 show-for-large-only column">
                4
                </div>
            </div>
        </div>
    </div>
    <div class="large-12 column">&nbsp;</div>
    </div>
    <div id="div-knockoutstage">
        <div>
        </div>        
    </div>
</div>
</asp:Content>

